<link rel="stylesheet" type="text/css" href="/lib/zTree/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="/admin/site/css/site.css" />
<script type="text/javascript" charset="utf-8" src="/lib/zTree/jquery.ztree.all.min.js"></script>
 <span class="span-title">站点管理</span>
 <div class="vcontent content-height" style="padding:0px;">
    <div class="area larea">
        <div class="operate">
             <span class="glyphicon glyphicon-plus icon-color icon-size" id="add"></span>
             <span class="glyphicon glyphicon-trash icon-color icon-size" id="del" style="margin-left:15px;"></span>
         </div>
         <ul id="siteTrees" class="ztree"></ul>
    </div>
    <div class="area rarea">
        <form class="form-horizontal">
          <div class="form-group" >
            <label for="inputEmail3" class="col-sm-2 control-label">标识</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="inpID" placeholder="唯一英文标识" />
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">站点名称</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="inpName" placeholder="菜单名称" />
            </div>
          </div>
           <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">索引</label>
            <div class="col-sm-10">
              <input type="number" class="form-control" id="inpIndex" placeholder="索引" />
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">路径</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="inpUrl" placeholder="菜单路径"/>
            </div>
          </div>
           <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">备注</label>
            <div class="col-sm-10">
              <textarea class="form-control" id="inpRemark" placeholder="备注" style="height:120px;"></textarea>
            </div>
          </div>
        </form>
         <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 marginl">
                <button class="btn-common btn-ok" >保 存</button>
            </div>
            </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" 
               aria-hidden="true">×
            </button>
            <h4 class="modal-title" id="myModalLabel">
               模态框（Modal）标题
            </h4>
         </div>
         <div class="modal-body">
            按下 ESC 按钮退出。
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">关闭
            </button>
            <button type="button" class="btn btn-primary">
               提交更改
            </button>
         </div>
      </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

{{#section 'jquery'}}
<script type="text/javascript">
    require(['/admin/site/js/f_site.js'],function(site){
        site.init();
    });
</script>
{{/section}}